<template>
 <table border='1'  v-if='data.length>0' class="personTable1">
    <tr>
      <td>{{data[0].reviewItemOne}}</td>
      <td>{{varname}}</td>
    </tr>
    <tr>
      <td style="width:150px;">{{data[1].reviewItemOne}}</td>
      <td>
      </td>
    </tr>
    <tr class="suggest">
      <td style="border-bottom:0;border-right:0;"><span class='span-top'>{{data[2].reviewItemOne}} </span> </td>
      <td>
      
        <el-input type="textarea" :readonly="!flag"
          
                  v-model="suggest"></el-input>
      </td>
    </tr>
    <tr class="sign-word">
      <td style="border-top:0;border-right:0;"> 评审专家(签字) :</td>
      <td   class="sign-word">
           <div   >
                  <img v-for='(item,index) in signImg ' 
                style="width:120px;height:60px;padding:10px;float:left;" 
                :src="item" :key='index' alt="">
              </div>    
        </td>
    </tr>
    <tr>
      <td>备注</td>
      <td>
        <el-input type="textarea" :readonly="!flag"
                  v-model="remark"></el-input>
      </td>
    </tr>
  </table>
</template>
<script>
export default {
   props:['data','suggest','signImg','remark'],
   data(){
     return {
       varname:'',
       flag:true
     }
   },
   mounted(){
     console.log(this.signImg)
        this.varname = localStorage.planname.split('.')[0]
        
    var str = window.location.href
    if(str.indexOf('assessedAll2')!=-1  || str.indexOf('checkAssessed2')!=-1 ){
      this.flag=false
    }else{
      this.flag=true
    }
   },
   watch:{
     'suggest':function(newv,oldv){
       this.$emit('sendSuggest',newv)
     },
     'remark':function(newv,oldv){
       this.$emit('sendRemark',newv)
     }
   }
}
</script>
<style lang='less' >
.personTable1{
    .el-textarea__inner{
        border: none;
    }
}
   .el-textarea__inner {
        resize: none;
        border: 0;
        height: 200px;
        cursor: pointer;
      }
      .el-input__inner {
        border: 0;
        cursor: pointer;
      }
      table{
        width:100%;
        border-collapse:collapse; 
        border-spacing:0;
        border:0;
        line-height: 40px;
        text-align: center;
        position: relative;
        font-size: 14px;
        columns: #999999;
        th{
            border-color: #dddddd;
        }
        tr:first-child{
            th{
                
            font-weight: bold;
            }
        }
        td{
            border-color: #dddddd;
            padding:10px;
            line-height: 24px;
            .radioImg{
                width:25px;
                height:25px;
                display: block;
                margin: 0 auto;
            }
        }
      
        td.sign-word{
            img{
                float: left;
                width:120px;
                height:60px;
            }
            i{
             line-height:36px;
             background:#edf4fe;
             padding:0 15px;
             border-radius:4px;
             color:#4080fe;
             cursor: pointer;
             float:left;
             border: 1px solid #edf4fe;
            }
            i:hover{
              border: 1px solid #4080fe;
            }
          }
    }
</style>
